/*
 * @Author: 张红剑
 * @Date: 2020-07-14 13:37:12
 * @LastEditTime: 2021-06-16 10:41:42
 * @LastEditors: wenqiang
 * @Description: In User Settings Edit
 * @FilePath: \iviewPc\src\common\staticData\DeviceManangeData\skuWhitelistData.js
 */
// const ellip = (h, params) => {
//   let skuNameDetail
//   if (params.row[params.column.key].length > 10 && params.row[params.column.key].length) {
//     skuNameDetail = params.row[params.column.key].slice(0, 14) + '...'
//   } else {
//     skuNameDetail = params.row[params.column.key]
//   }
//   return h('div', [
//     h(
//       'span',
//       {
//         style: {
//           // color: 'red',
//           // background: 'green'
//           // border:'1px solid red'
//         },
//         domProps: {
//           //这个属性 可以直接实现 鼠标放上去 显示 单元格内容，只是样式不能修改
//           title: params.row[params.column.key]
//         }
//       },
//       skuNameDetail
//     )
//   ])
// }
export const basicConfig = {
  title: '设备管理 / sku白名单',
  deviceBrandList: [], //设备品牌
  deviceStatusList: [], //设备状态
  // 检索中的各项配置
  searchParams: [
    // {
    //   label: '设备分类：',
    //   prop: 'deviceType',
    //   placeholder: '请填写(限100个字符)',
    //   type: 'cascadeselect',
    //   option: 'deviceList',
    // },
    {
      label: '设备分类：', //文案
      prop: 'cascader', //字段名称
      placeholder: '请填写(限100个字符)', //提示语
      type: 'cascader2', //控件类型
      option: 'cascaderList' //数据来源
    },
    {
      label: '设备品牌：', //文案
      prop: 'brandId', //字段名称
      placeholder: '请选择', //提示语
      type: 'multipleSelect', //控件类型
      option: 'deviceBrandList', //数据来源
      event: 'handleSelectChange' //自定义事件名称
    },
    {
      label: 'sku：', //文案
      prop: 'sku', //字段名称
      placeholder: '请填写', //提示语
      type: 'input', //控件类型
      maxlength: 100 //最大输入长度
    },
    {
      label: 'sku名称：',
      prop: 'skuName',
      type: 'input',
      maxlength: 100
    },
    {
      label: '设备状态：',
      prop: 'state',
      type: 'select',
      option: 'deviceStatusList',
      event: 'handleSelectChange'
    },
    {
      label: '操作人：',
      prop: 'operator',
      type: 'input',
      maxlength: 100
    },
    {
      label: '操作时间：', //文案
      prop: 'startDate', //字段名称
      placement: 'bottom-end',
      placeholder: '请选择起始时间', //提示语
      type: 'datetime', //控件类型
      dataType: 'datetime', //控件类型
      filterable: 'true', //是否支持模糊搜索
      width: '200px' //宽度
    },
    {
      label: '',
      prop: 'endDate',
      placement: 'bottom-end',
      placeholder: '请选择截至时间',
      type: 'datetime',
      dataType: 'datetime',
      filterable: 'true',
      width: '200px'
    }
  ],
  // 表格中各列配置
  tableColumns: [
    {
      title: '一级品类', //文案
      key: 'category1Name', //字段名称
      fixed: 'left' //该列固定在表格左边
    },
    {
      title: '二级品类',
      key: 'category2Name'
    },
    {
      title: '三级品类',
      key: 'category3Name'
    },
    {
      title: '品牌',
      key: 'brandName'
    },
    {
      title: 'SKU',
      minWidth: 150,
      key: 'sku'
    },
    {
      title: 'SKU名称',
      minWidth: 200,
      key: 'skuName'
      // className: "skuName",
      // ellipsis: true,
      // render: (h, params) => {
      //   console.log('paramse', params)
      // ellip(h, params)()
      // let skuNameDetail
      // // this.remarks = params.row.skuName
      // if (params.row.skuName.length > 10 && params.row.skuName.length) {
      //   skuNameDetail = params.row.skuName.slice(0, 14) + '...'
      // } else {
      //   skuNameDetail = params.row.skuName
      // }
      // return h('div', [
      //   h(
      //     'span',
      //     {
      //       style: {
      //         // color: 'red',
      //         // background: 'green'
      //         // border:'1px solid red'
      //       },
      //       domProps: {
      //         //这个属性 可以直接实现 鼠标放上去 显示 单元格内容，只是样式不能修改
      //         title: params.row.skuName
      //       }
      //     },
      //     skuNameDetail
      //   )
      // ])
      // }
    },
    {
      title: '设备状态',
      key: 'state'
    },
    {
      title: '操作人',
      key: 'operator'
    },
    {
      title: '操作时间',
      minWidth: 180,
      sortable: true,
      key: 'updateTime'
    },
    // {
    //   title: '进度值',
    //   width: 0,
    //   className:'pregress',
    //   key: 'percent'
    // },
    // {
    //   title: '进度项',
    //   width:0,
    //   className:'pregress',
    //   key: 'taskState'
    // },
    {
      title: '操作', //文案
      slot: 'operate', //自定义插槽名称
      minWidth: 150, //该列的最小宽度
      fixed: 'right', //该列固定在表格右边
      // 自定义一组操作按钮
      buttonGroup: [
        {
          id: 2, //区分按钮
          label: '删除', //按钮名称
          type: 'primary', //定义按钮类型
          showFlag: 'del', //是否显示当前按钮
          methods: 'delete'
        },
        {
          id: 1,
          label: '失效',
          showFlag: 'disp',
          type: 'primary',
          methods: 'delete'
        },
        {
          id: 3,
          label: '立刻生效',
          showFlag: 'imsp',
          type: 'primary',
          methods: 'delete'
        },
        {
          id: 4,
          label: '立刻失效',
          showFlag: 'imdisp',
          type: 'primary',
          methods: 'delete'
        }
      ],
      // 进度条
      progress: [
        {
          id: 7,
          showFlag: 'isProgress', //是否显示进度条
          label: '向上',
          type: 'progress' //类型
        }
      ]
    }
  ]
}
//表单基本数据信息
export let formValidate = {
  category1: '', //一级品类ID
  category2: '', //二级品类ID
  category3: '', //三级品类ID
  brandId: [], //品牌ID
  sku: '', //sku
  operator: '', //操作人
  startDate: '', //开始日期
  endDate: '', //结束日期
  state: '', //设备状态 0-未生效、1-已生效、2-失效处理中、3-已失效
  pageNum: 1, //当前页码
  pageSize: 10 //每页显示多少条

  // opErp: '',
  // opTime: []
}
